$(document).ready(function() {
// Handler for .ready() called.
		var video = $( '#videoWord' )[0];
		if( typeof video != "undefined"){
			video.addEventListener('ended', function() {
				$('#play_button').attr('style', 'display:block;');
			}, true);
		}
});


$(function() {
	$('.numberLink').click(function(){
		var id =  $(this).attr('id');
		
		//Change spelling value
		var idInput = '#n'+id+'-s';		
		var value = $(idInput).attr('value');
		$( '#spelling' ).text(value);
		
		//Change pronoun value
		idInput = '#n'+id+'-p';
		value = $(idInput).attr('value');
		$( '#pronoun' ).text(value);
		
		//Change download link
		idInput = '#n'+id+'-v';
		value = $(idInput).attr('value');
		$( '#dfile').attr('href', value+'.mp4');
		
		//Change video source & load
		var video = $( '#videoWord' )[0];
		$( '#srcogg' ).attr('src',value+'.ogg');
		$( '#srcmp4' ).attr('src',value+'.mp4');
		$( '#srcwebm' ).attr('src',value+'.webm');
		$( '#srcobj' ).attr('src',value+'.mp4');
		$( '#srcemb' ).attr('src',value+'.flv');
		video.load();
		video.addEventListener("load", function() {
			video.play();
		}, true);
		
	});
});

$(function() {
	$('.songsLink').click(function(){
		var id =  $(this).attr('id');
		
		//Change spelling value
		var idInput = '#s'+id+'-s';		
		var value = $(idInput).attr('value');
		$( '#spelling' ).text(value);
		
		//Change pronoun value
		idInput = '#s'+id+'-p';
		value = $(idInput).attr('value');
		$( '#pronoun' ).text(value);
		
		//Change download link
		idInput = '#s'+id+'-v';
		value = $(idInput).attr('value');
		$( '#dfile').attr('href', value+'.mp4');
		
		//Change video source & load
		var video = $( '#videoWord' )[0];
		$( '#srcogg' ).attr('src',value+'.ogg');
		$( '#srcmp4' ).attr('src',value+'.mp4');
		$( '#srcwebm' ).attr('src',value+'.webm');
		$( '#srcobj' ).attr('src',value+'.mp4');
		$( '#srcemb' ).attr('src',value+'.flv');
		video.load();
		video.addEventListener("load", function() {
			video.play();
		}, true);		
	});
});

$(function() {
	$('.qasLink').click(function(){
		$('.qasLink').each(function(){
			$(this).attr('class', 'qasLink');
			$(this).parent().attr('class', '');
		});
		$('.qasLinksel').each(function(){
			$(this).attr('class', 'qasLink');
			$(this).parent().attr('class', '');
		});
		$(this).parent().attr('class', 'qasLinksel');
		$(this).attr('class', 'qasLinksel');
		var id =  $(this).attr('id');
		
		//Change spelling value
		var idInput = '#'+id+'-s';		
		var value = $(idInput).attr('value');
		$( '#spelling' ).text(value);
		
		//Change pronoun value
		idInput = '#'+id+'-p';
		value = $(idInput).attr('value');
		$( '#pronoun' ).text(value);
		
		//Change download link
		idInput = '#'+id+'-v';
		value = $(idInput).attr('value');
		$( '#dfile').attr('href', value+'.mp4');
		
		//Change video source & load
		var video = $( '#videoWord' )[0];
		$( '#srcogg' ).attr('src',value+'.ogg');
		$( '#srcmp4' ).attr('src',value+'.mp4');
		$( '#srcwebm' ).attr('src',value+'.webm');
		$( '#srcobj' ).attr('src',value+'.mp4');
		$( '#srcemb' ).attr('src',value+'.flv');
		video.load();
		video.addEventListener("load", function() {
			video.play();
		}, true);
	});
});

$(function() {
	$('.wordsLink').click(function(){
		$('.wordsLink').each(function(){
			$(this).attr('class', 'wordsLink');
			$(this).parent().attr('class', '');
		});
		$('.wordsLinksel').each(function(){
			$(this).attr('class', 'wordsLink');
			$(this).parent().attr('class', '');
		});
		$(this).parent().attr('class', 'wordsLinksel');
		$(this).attr('class', 'wordsLinksel');
		var id =  $(this).attr('id');
		
		$('#play_button').attr('style', 'display:none;');

		//Change spelling value
		var idInput = '#w'+id+'-s';		
		var value = $(idInput).attr('value');
		$( '#spelling' ).text(value);
		
		//Change pronoun value
		idInput = '#w'+id+'-p';
		value = $(idInput).attr('value');
		$( '#pronoun' ).text(value);
		
		//Change download link
		idInput = '#w'+id+'-v';
		value = $(idInput).attr('value');
		$( '#dfile').attr('href', value+'.mp4');
		
		//Change video source & load
		var video = $( '#videoWord' )[0];
		$( '#srcogg' ).attr('src',value+'.ogg');
		$( '#srcmp4' ).attr('src',value+'.mp4');
		$( '#srcwebm' ).attr('src',value+'.webm');
		$( '#srcobj' ).attr('src',value+'.mp4');
		$( '#srcemb' ).attr('src',value+'.flv');

		video.addEventListener('ended', function() {
			$('#play_button').attr('style', 'display:block;');
		}, true);
		
		video.load();
		video.addEventListener("load", function() {
			video.play();
		}, true);
	});
});

$(function() {
	$('#button_link').click(function (){
		$('#play_button').attr('style','display:none;');
		var video = $( '#videoWord' )[0];
		video.play();
		video.addEventListener('ended', function() {
			$('#play_button').attr('style', 'display:block;');
		}, true);
	});
});
